Contact page
James Peret
16 changed files with 108 additions and 88 deletions
+ 7
- 0
README.md
@@ -10,3 +10,10 @@ Run `grunt` for building and `grunt serve` for preview. |
||
| 10 | 10 |
## Testing |
| 11 | 11 |
|
| 12 | 12 |
Running `grunt test` will run the unit tests with karma. |
| 13 |
+ |
|
| 14 |
+## portfolio |
|
| 15 |
+ |
|
| 16 |
+- Theremin |
|
| 17 |
+- Peças boardgame |
|
| 18 |
+- Quadcoptero |
|
| 19 |
+- Bandeira p/ projetor |
BIN
app/.DS_Store
BIN
app/images/.DS_Store
BIN
app/images/blueprint.jpg
BIN
app/images/logo-facebook-branco.png
BIN
app/images/logo-instagram-branco.png
BIN
app/images/logo-youtube-branco.png
+ 3
- 3
app/index.html
@@ -42,7 +42,7 @@ |
||
| 42 | 42 |
<ul class="nav navbar-nav"> |
| 43 | 43 |
<li ui-sref-active="active"><a ui-sref="sobre" ng-click="isCollapsed = !isCollapsed">Sobre</a></li> |
| 44 | 44 |
<li ui-sref-active="active"><a ui-sref="servicos" ng-click="isCollapsed = !isCollapsed">Serviços</a></li> |
| 45 |
- <li ui-sref-active="active"><a href="https://www.instagram.com/oficina.itapeti/" target="_blank" ng-click="isCollapsed = !isCollapsed">Portfolio</a></li> |
|
| 45 |
+ <li ui-sref-active="active"><a ui-sref="portfolio" ng-click="isCollapsed = !isCollapsed">Portfolio</a></li> |
|
| 46 | 46 |
<li ui-sref-active="active"><a ui-sref="contato" ng-click="isCollapsed = !isCollapsed">Contato</a></li> |
| 47 | 47 |
</ul> |
| 48 | 48 |
</div> |
@@ -68,8 +68,8 @@ |
||
| 68 | 68 |
<div class="col-md-4" style="text-align: center;"> |
| 69 | 69 |
<h4>Links</h4> |
| 70 | 70 |
<a href="https://www.instagram.com/oficina.itapeti/" target="_blank"><img src="images/logo-instagram.png" style="width: 50px;"></a> |
| 71 |
- <a href="http://youtube.com" target="_blank"><img src="images/logo-youtube.png" style="width: 50px;"></a> |
|
| 72 |
- <a href="http://facebook.com" target="_blank"><img src="images/logo-facebook.png" style="width: 50px;"></a> |
|
| 71 |
+ <a href="http://youtube.com/higheffectsBR" target="_blank"><img src="images/logo-youtube.png" style="width: 50px;"></a> |
|
| 72 |
+ <a href="http://facebook.com/oficina.itapeti" target="_blank"><img src="images/logo-facebook.png" style="width: 50px;"></a> |
|
| 73 | 73 |
</div> |
| 74 | 74 |
</div> |
| 75 | 75 |
<hr style="border-top: 1px solid #636363;"> |
+ 4
- 0
app/scripts/app.js
@@ -44,6 +44,10 @@ angular |
||
| 44 | 44 |
url: '/servicos', |
| 45 | 45 |
templateUrl: 'views/servicos.html', |
| 46 | 46 |
controller: 'MainCtrl' |
| 47 |
+ }).state('portfolio', {
|
|
| 48 |
+ url: '/portfolio', |
|
| 49 |
+ templateUrl: 'views/portfolio.html', |
|
| 50 |
+ controller: 'MainCtrl' |
|
| 47 | 51 |
}).state('contato', {
|
| 48 | 52 |
url: '/contato', |
| 49 | 53 |
templateUrl: 'views/contato.html', |
+ 2
- 0
app/scripts/controllers/main.js
@@ -54,5 +54,7 @@ angular.module('siteOficinaItapetiApp')
|
||
| 54 | 54 |
}); |
| 55 | 55 |
}; |
| 56 | 56 |
|
| 57 |
+ |
|
| 58 |
+ |
|
| 57 | 59 |
|
| 58 | 60 |
}]); |
+ 14
- 6
app/styles/main.css
@@ -40,6 +40,7 @@ body {
|
||
| 40 | 40 |
padding-top: 19px; |
| 41 | 41 |
color: #777; |
| 42 | 42 |
border-top: 1px solid #e5e5e5; |
| 43 |
+ background-color: #dddddc; |
|
| 43 | 44 |
} |
| 44 | 45 |
|
| 45 | 46 |
.container-narrow > hr {
|
@@ -72,6 +73,13 @@ body {
|
||
| 72 | 73 |
width: 5%; |
| 73 | 74 |
} |
| 74 | 75 |
|
| 76 |
+.banner-text {
|
|
| 77 |
+ color: white; |
|
| 78 |
+ margin-left:25px; |
|
| 79 |
+} |
|
| 80 |
+ |
|
| 81 |
+@media screen and (min-width: 350px) { .banner-text {margin-top: 35%; } }
|
|
| 82 |
+ |
|
| 75 | 83 |
/* Responsive: Portrait tablets and up */ |
| 76 | 84 |
@media screen and (min-width: 768px) {
|
| 77 | 85 |
.container {
|
@@ -97,15 +105,13 @@ body {
|
||
| 97 | 105 |
.jumbotron {
|
| 98 | 106 |
border-bottom: 0; |
| 99 | 107 |
} |
| 100 |
-} |
|
| 101 | 108 |
|
| 102 |
- |
|
| 103 |
-.banner-text {
|
|
| 104 |
- color: white; |
|
| 105 |
- margin-left:25px; |
|
| 106 |
- margin-top: 15%; |
|
| 109 |
+ .banner-text {
|
|
| 110 |
+ margin-top: 18%; |
|
| 111 |
+ } |
|
| 107 | 112 |
} |
| 108 | 113 |
|
| 114 |
+ |
|
| 109 | 115 |
p, li {
|
| 110 | 116 |
text-align: justify; |
| 111 | 117 |
font-size: 16px; |
@@ -171,3 +177,5 @@ h1 a, h2 a, h3 a, h4 a, h5 a { cursor: pointer; }
|
||
| 171 | 177 |
.well {
|
| 172 | 178 |
background-color: white; |
| 173 | 179 |
} |
| 180 |
+ |
|
| 181 |
+a:hover { cursor: pointer;}
|
+ 49
- 32
app/views/contato.html
@@ -1,39 +1,56 @@ |
||
| 1 |
-<div class="container last" style="margin-top: 53px;"> |
|
| 2 |
- <div class="row well" style="margin-top: 20px;"> |
|
| 3 |
- <div class="col-md-12"> |
|
| 4 |
- <h1 >Contato</h1> |
|
| 5 |
- <p> |
|
| 6 |
- Deixe uma mensagem ou envie um email para <a href="mailto:oficina.itapeti@gmail.com">oficina.itapeti@gmail.com</a> |
|
| 7 |
- </p> |
|
| 8 |
- <br> |
|
| 9 |
- <form> |
|
| 10 |
- <div class="row"> |
|
| 11 |
- <div class="col-md-6"> |
|
| 12 |
- <div class="form-group"> |
|
| 13 |
- <label for="exampleInputEmail1">Nome</label> |
|
| 14 |
- <input type="text" class="form-control" ng-model="msgData.name" id="userName" required placeholder="Nome"> |
|
| 15 |
- </div> |
|
| 16 |
- </div> |
|
| 1 |
+<div class="container-fluid" style="padding-left: 0px; padding-right: 0px; margin-top: -50px; margin-bottom: 0px; heigth: 500px;"> |
|
| 2 |
+ <div style="position: absolute; width: 100%"> |
|
| 3 |
+ <div class="banner-text"> |
|
| 4 |
+ <div class="col-md-12"> |
|
| 5 |
+ <h2 style="text-align: center;" class="hidden-xs">Siga a Oficina Itapeti nas redes sociais:</h2> |
|
| 6 |
+ <p style="text-align: center;"> |
|
| 7 |
+ <a href="https://www.instagram.com/oficina.itapeti/" target="_blank"><img src="images/logo-instagram-branco.png" style="width: 75px;"></a> |
|
| 8 |
+ <a href="http://youtube.com/higheffectsBR" target="_blank"><img src="images/logo-youtube-branco.png" style="width: 75px;"></a> |
|
| 9 |
+ <a href="http://facebook.com/oficina.itapeti" target="_blank"><img src="images/logo-facebook-branco.png" style="width: 75px;"></a> |
|
| 10 |
+ </p> |
|
| 11 |
+ </div> |
|
| 12 |
+ </div> |
|
| 13 |
+ </div> |
|
| 14 |
+ <img src="images/blueprint.jpg" alt="..." style="width: 100%; margin-top: 100px; max-height: 500px;"> |
|
| 15 |
+</div> |
|
| 16 |
+ |
|
| 17 |
+<div class="container last" style="margin-top: 50px;"> |
|
| 18 |
+ <div class="well"> |
|
| 19 |
+ <div class="row"> |
|
| 20 |
+ <div class="col-md-12"> |
|
| 21 |
+ <h1 >Contato</h1> |
|
| 22 |
+ <p> |
|
| 23 |
+ Deixe uma mensagem ou envie um email para <a href="mailto:oficina.itapeti@gmail.com">oficina.itapeti@gmail.com</a> |
|
| 24 |
+ </p> |
|
| 25 |
+ <br> |
|
| 26 |
+ <form> |
|
| 27 |
+ <div class="row"> |
|
| 17 | 28 |
<div class="col-md-6"> |
| 18 | 29 |
<div class="form-group"> |
| 19 |
- <label for="exampleInputEmail1">Email</label> |
|
| 20 |
- <input type="email" class="form-control" ng-model="msgData.email" id="userEmail" required placeholder="Email"> |
|
| 30 |
+ <label for="exampleInputEmail1">Nome</label> |
|
| 31 |
+ <input type="text" class="form-control" ng-model="msgData.name" id="userName" required placeholder="Nome"> |
|
| 21 | 32 |
</div> |
| 22 | 33 |
</div> |
| 23 |
- </div> |
|
| 24 |
- <div class="form-group"> |
|
| 25 |
- <label for="exampleInputEmail1">Assunto</label> |
|
| 26 |
- <input type="text" class="form-control" ng-model="msgData.subject" id="userSubject" required placeholder="Assunto"> |
|
| 27 |
- </div> |
|
| 28 |
- <div class="form-group"> |
|
| 29 |
- <label for="exampleInputEmail1">Mensagem</label> |
|
| 30 |
- <textarea class="form-control" rows="5" ng-model="msgData.message" id="userMessage" required></textarea> |
|
| 31 |
- </div> |
|
| 32 |
- <p style="text-align: center;"> |
|
| 33 |
- <button type="submit" ng-click="sendMessage(msgData)" value="Enviar" id="SubmitBtn" class="btn btn-success">Enviar</button> |
|
| 34 |
- </p> |
|
| 35 |
- </form> |
|
| 36 |
- |
|
| 34 |
+ <div class="col-md-6"> |
|
| 35 |
+ <div class="form-group"> |
|
| 36 |
+ <label for="exampleInputEmail1">Email</label> |
|
| 37 |
+ <input type="email" class="form-control" ng-model="msgData.email" id="userEmail" required placeholder="Email"> |
|
| 38 |
+ </div> |
|
| 39 |
+ </div> |
|
| 40 |
+ </div> |
|
| 41 |
+ <div class="form-group"> |
|
| 42 |
+ <label for="exampleInputEmail1">Assunto</label> |
|
| 43 |
+ <input type="text" class="form-control" ng-model="msgData.subject" id="userSubject" required placeholder="Assunto"> |
|
| 44 |
+ </div> |
|
| 45 |
+ <div class="form-group"> |
|
| 46 |
+ <label for="exampleInputEmail1">Mensagem</label> |
|
| 47 |
+ <textarea class="form-control" rows="5" ng-model="msgData.message" id="userMessage" required></textarea> |
|
| 48 |
+ </div> |
|
| 49 |
+ <p style="text-align: center;"> |
|
| 50 |
+ <button type="submit" ng-click="sendMessage(msgData)" value="Enviar" id="SubmitBtn" class="btn btn-success">Enviar</button> |
|
| 51 |
+ </p> |
|
| 52 |
+ </form> |
|
| 53 |
+ </div> |
|
| 37 | 54 |
</div> |
| 38 | 55 |
</div> |
| 39 | 56 |
</div> |
+ 8
- 32
app/views/eletronica.html
@@ -4,39 +4,15 @@ |
||
| 4 | 4 |
<h1 class="page-header">Eletronica</h1> |
| 5 | 5 |
<p><img src="images/eletronica.jpg" class="img-thumbnail"></p><br> |
| 6 | 6 |
<p> |
| 7 |
- Fazemos impressão 3D em plastico ABS ou PLA de varias cores diferentes. |
|
| 7 |
+ Desenvolvimento de circuitos eletronicos utilizando microcontroladores ou microprocessadores. Este serviço inclui a prototipagem do circuito na protoboard, a programação e a fabricação de placas de circuito. |
|
| 8 |
+ </p> |
|
| 9 |
+ </div> |
|
| 10 |
+ </div> |
|
| 11 |
+ <div class="row"> |
|
| 12 |
+ <div class="col-md-12"> |
|
| 13 |
+ <p style="text-align: center; margin-top: 15px;"> |
|
| 14 |
+ <a class="btn btn-success" ui-sref="contato">Entrar em contato</a> |
|
| 8 | 15 |
</p> |
| 9 |
- <p>Para solicitar um orçamento, temos dois procedimentos:</p> |
|
| 10 |
- |
|
| 11 |
- <h4><a class="" type="button" data-toggle="collapse" data-target="#collapseCaso1" aria-expanded="false" aria-controls="collapseCaso1"> |
|
| 12 |
- Caso 1: Arquivo pronto para impressão |
|
| 13 |
- </a></h4> |
|
| 14 |
- <div class="collapse" id="collapseCaso1"> |
|
| 15 |
- <p> |
|
| 16 |
- Neste caso, faremos o orçamento em até 3 dias úteis, com o custo da impressão. |
|
| 17 |
- </p> |
|
| 18 |
- <ul> |
|
| 19 |
- <li>Enviar um arquivo STL.</li> |
|
| 20 |
- <li>O arquivo deve conter apenas as peças que serão impressas, sem linhas de centro, cotas ou textos.</li> |
|
| 21 |
- </ul> |
|
| 22 |
- <p>Após confirmado o orçamento, o serviço é realizado em até 5 dias úteis.</p> |
|
| 23 |
- </div> |
|
| 24 |
- |
|
| 25 |
- <h4><a class="" type="button" data-toggle="collapse" data-target="#collapseCaso2" aria-expanded="false" aria-controls="collapseCaso2"> |
|
| 26 |
- Caso 2: Modelagem 3d para impressão |
|
| 27 |
- </a></h4> |
|
| 28 |
- <div class="collapse" id="collapseCaso2"> |
|
| 29 |
- <p> |
|
| 30 |
- Neste caso, será feito um pré-orçamento com uma estimativa de custo, |
|
| 31 |
- e o prazo de entrega pode variar de acordo com a complexidade da modelage do desenho. |
|
| 32 |
- </p> |
|
| 33 |
- </div> |
|
| 34 |
- <p style="text-align: center; margin-top: 45px;"><a class="btn btn-lg btn-success" ui-sref="contato">Faça um orçamento</a></p> |
|
| 35 |
- |
|
| 36 |
- |
|
| 37 |
- |
|
| 38 |
- |
|
| 39 |
- |
|
| 40 | 16 |
</div> |
| 41 | 17 |
</div> |
| 42 | 18 |
</div> |
+ 7
- 6
app/views/impressao-3d.html
@@ -31,12 +31,13 @@ |
||
| 31 | 31 |
e o prazo de entrega pode variar de acordo com a complexidade da modelage do desenho. |
| 32 | 32 |
</p> |
| 33 | 33 |
</div> |
| 34 |
- <p style="text-align: center; margin-top: 45px;"><a class="btn btn-lg btn-success" ui-sref="contato">Faça um orçamento</a></p> |
|
| 35 |
- |
|
| 36 |
- |
|
| 37 |
- |
|
| 38 |
- |
|
| 39 |
- |
|
| 34 |
+ </div> |
|
| 35 |
+ </div> |
|
| 36 |
+ <div class="row"> |
|
| 37 |
+ <div class="col-md-12"> |
|
| 38 |
+ <p style="text-align: center; margin-top: 15px;"> |
|
| 39 |
+ <a class="btn btn-success" ui-sref="contato">Entrar em contato</a> |
|
| 40 |
+ </p> |
|
| 40 | 41 |
</div> |
| 41 | 42 |
</div> |
| 42 | 43 |
</div> |
+ 9
- 9
app/views/main.html
@@ -14,28 +14,28 @@ |
||
| 14 | 14 |
<div class="row"> |
| 15 | 15 |
<div class="col-md-4"> |
| 16 | 16 |
<div class="thumbnail"> |
| 17 |
- <img src="images/thumb-laser.jpg" alt="..."> |
|
| 17 |
+ <img src="images/thumb-solucoes.jpg" alt="..."> |
|
| 18 | 18 |
<div class="caption"> |
| 19 |
- <h3><a ui-sref="corte-laser">Corte Laser</a></h3> |
|
| 20 |
- <p>Corte de chapas de materiais como madeira, acrilico ou tecido.</p> |
|
| 19 |
+ <h3><a ui-sref="solucoes">Soluções</a></h3> |
|
| 20 |
+ <p>Desenvolvimento de soluções para resolver problemas especificos.</p> |
|
| 21 | 21 |
</div> |
| 22 | 22 |
</div> |
| 23 | 23 |
</div> |
| 24 | 24 |
<div class="col-md-4"> |
| 25 | 25 |
<div class="thumbnail"> |
| 26 |
- <img src="images/thumb-3d-print.jpg" alt="..."> |
|
| 26 |
+ <img src="images/thumb-solidworks.jpg" alt="..."> |
|
| 27 | 27 |
<div class="caption"> |
| 28 |
- <h3><a ui-sref="impressao-3d">Impressão 3D</a></h3> |
|
| 29 |
- <p>Impressão de peças em plastico ABS ou PLA com resolução de até 0.2mm.</p> |
|
| 28 |
+ <h3><a ui-sref="desenho-tecnico">Desenho Técnico</a></h3> |
|
| 29 |
+ <p>Criação de desenhos tecnicos para produção utilizando o Solidworks.</p> |
|
| 30 | 30 |
</div> |
| 31 | 31 |
</div> |
| 32 | 32 |
</div> |
| 33 | 33 |
<div class="col-md-4"> |
| 34 | 34 |
<div class="thumbnail"> |
| 35 |
- <img src="images/thumb-solidworks.jpg" alt="..."> |
|
| 35 |
+ <img src="images/thumb-laser.jpg" alt="..."> |
|
| 36 | 36 |
<div class="caption"> |
| 37 |
- <h3>Desenho Tecnico</h3> |
|
| 38 |
- <p>Desenho tecnico de peças para corte laser ou impressão 3d.</p> |
|
| 37 |
+ <h3><a ui-sref="corte-laser">Corte Laser</a></h3> |
|
| 38 |
+ <p>Corte de chapas de materiais como madeira, acrilico ou tecido.</p> |
|
| 39 | 39 |
</div> |
| 40 | 40 |
</div> |
| 41 | 41 |
</div> |
+ 5
- 0
app/views/portfolio.html
@@ -0,0 +1,5 @@ |
||
| 1 |
+<div class="container last" style="margin-top: 53px;"> |
|
| 2 |
+ <h1 class="page-header">Portfolio</h1> |
|
| 3 |
+ |
|
| 4 |
+ |
|
| 5 |
+</div> |